<template>
    <div>
      <div style="margin-top: 5px">
        <Menu :theme="theme3" active-name="1">
          <MenuGroup title="后台管理页">
            <MenuItem name="1">
              <div @click="goUrl('article')">
                <Icon type="md-document" />
                文章编写</div>
            </MenuItem>

            <MenuItem name="2">
              <div @click="goUrl('articles')">
                <Icon type="md-chatbubbles" />
                文章管理</div>
            </MenuItem>

            <MenuItem name="3">
              <div @click="goUrl('indexChange')">
                <Icon type="md-heart" />
                主页管理</div>
            </MenuItem>

            <MenuItem name="4">
              <div @click="goUrl('users')">
                <Icon type="md-leaf" />
                用户管理</div>
            </MenuItem>

          </MenuGroup>
        </Menu>
      </div>

    </div>
</template>

<script>
    export default {
        name: 'admin',
        components: {},
        data() {
            return {
                theme3:"dark",
                value2: true
            }
        },
        methods: {
            goUrl(url) {
                this.$router.push({path:'/admin/'+ url})
            }
        }
    }
</script>

<style>


</style>
